new CozeWebSDK.WebChatClient({
  /**
   * Agent configuration information.
   * @param config.bot_id - Agent ID.
   */
  config: {
    bot_id: "7441593457023467547",
  },
  /**
   * The auth property is used to configure the authentication method.
   * @param type - Authentication method, default type is 'unauth', which means no authentication is required; it is recommended to set it to 'token', which means authentication is done through PAT (Personal Access Token) or OAuth.
   * @param token - When the type is set to 'token', you need to configure the PAT (Personal Access Token) or OAuth access key.
   * @param onRefreshToken - When the access key expires, a new key can be set as needed.
   */
  auth: {
    type: "token",
    token:
      "pat_8luIooQaG0G6z3lTrrZ8YUkzWLPIsjkFNv04q3gHrrin3yBYTu6fhFfnAbkl05ZE",
    onRefreshToken: async () => "",
  },
  /**
   * The userInfo parameter is used to set the display of agent user information in the chat box.
   * @param userInfo.id - ID of the agent user.
   * @param userInfo.url - URL address of the user's avatar.
   * @param userInfo.nickname - Nickname of the agent user.
   */
  userInfo: {
    id: "user",
    url: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/favicon.1970.png",
    nickname: "UserA",
  },
  ui: {
    /**
     * The ui.base parameter is used to add the overall UI effect of the chat window.
     * @param base.icon - Application icon URL.
     * @param base.layout - Layout style of the agent chat box window, which can be set as 'pc' or'mobile'.
     * @param base.lang - System language of the agent, which can be set as 'en' or 'zh-CN'.
     * @param base.zIndex - The z-index of the chat box.
     */
    base: {
      icon: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/favicon.1970.png",
      layout: "pc",
      lang: "en",
      zIndex: 1000,
    },
    /**
     * Control the UI and basic capabilities of the chat box.
     * @param chatBot.title - The title of the chatbox
     * @param chatBot.uploadable - Whether file uploading is supported.
     * @param chatBot.width - The width of the agent window on PC is measured in px, default is 460.
     * @param chatBot.el - Container for setting the placement of the chat box (Element).
     */
    chatBot: {
      title: "Coze Bot",
      uploadable: true,
      width: 390,
    },
    /**
     * Controls whether to display the floating ball at the bottom right corner of the page.
     */
    asstBtn: {
      isNeed: true,
    },
    /**
     * The ui.footer parameter is used to add the footer of the chat window.
     * @param footer.isShow - Whether to display the bottom copy module.
     * @param footer.expressionText - The text information displayed at the bottom.
     * @param footer.linkvars - The link copy and link address in the footer.
     */
    footer: {
      isShow: true,
      expressionText: "Powered by &",
      linkvars: {
        name: {
          text: "A",
          link: "https://www.test1.com",
        },
        name1: {
          text: "B",
          link: "https://www.test2.com",
        },
      },
    },
  },
});
